<template>
  <div class="appointmentTime">
    <h1>预约时间配置</h1>
    <div class="Appointment">
      <div class="time1">
        当前可提前 <span>{{ 7 }}</span> 天预约,包含当天时间
      </div>
      <div class="time2">设置新都可提前预约天数: <input type="text" />天</div>
      <button>确定修改</button>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.appointmentTime {
  width: 100%;
  height: auto;
}
.Appointment {
  width: 25%;
  height: auto;
  background-color: #f2f2f2;
  padding: 30px 20px;
}
.time1 {
  margin-bottom: 20px;
}
.time2 {
  margin-bottom: 20px;
  color: #333333;
  font-weight: bolder;
}
input {
  width: 50px;
  height: 30px;
  outline: none;
}
button {
  width: 100%;
  height: 40px;
  margin: auto;
  background-color: #02a7f0;
  outline: none;
  border: none;
}
</style>